<div id="top-left">
  <span class="location-title">点播视频库</span>
</div>
<div class="main-content">
  <div class="row row-center">
    <div>
      <button (click)="createNew()" nz-button nzType="primary"><i nz-icon nzType="plus"></i>创建视频库</button>
    </div>
    <div class="tips">您可以创建 {{maxVodCategoryCount}} 个视频库，您已创建 {{datalist.length}} 个。</div>
  </div>
  <div class="row wrap mt20">
    <div class="category" *ngFor="let item of datalist; let no = index" (click)="goVod(no, $event)"
      [style.background-image]="(item['cover'] && item['cover']!=='') ? ('url('+ ossUrl + item['cover'] +')') : 'url(/assets/images/category-cover.png)'">
      <div class="category-name">
        <input nz-input placeholder="请输入库名称" [(ngModel)]="item['name']" (change)="changName(no);" />
      </div>
    </div>
  </div>
</div>
